<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/dist/index.min.css">
    <link rel="stylesheet" href="../../bootstarp/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/dist/car.min.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../../html/Ajax.js"></script>
    <script src="../../html/获得Cookie方法.js"></script>
    <script src="../../html/设置Cookie方法.js"></script>
</head>
<body>
    <div class="box">
        <div class="head conner">
            <h1>
                <a href="../html/shouye.html">
                    <img src="../img/logo.png" alt="名创">
                </a>
            </h1>

            <!-- 搜索 -->
            <!-- <div class="search">
                <input type="text" placeholder="随便搜，啥都有！" id="searchkey">
                <span class=" suosuo glyphicon glyphicon-search" id="searchkbtn"></span>
            </div> -->

            <ul class="headul">
                <li ><a href="./shouye.html">首页</a></li>
                <li><a href="./list.html">商品列表</a></li>
                <li>|</li>
                <li class="car act"><a href="#">我的购物车</a></li>
                <li>|</li>
                <li><a href="#">网站导航</a></li>
                <li>|</li>
                <li><a href="#">外部链接</a></li>
            </ul>
            <p>
                <span>你好</span><i id="login">，请登录</i>
            </p>
        </div>

        <!-- 商品显示 -->
        <div class="carbody conner">
            <!-- 空商品 -->
            <!-- <div class="carempty">
                <p>你的购物车还是空的！</p>
                <i>马上去购物</i>
            </div> -->

            <!-- 有商品的时候 -->
            <div class="carlist">
                <p>
                    <input type="checkbox" class="allcheck"> 
                    全选
                    <span>商品名称</span>
                    <i>单价</i>
                    <i>数量</i>
                    <i>小计</i>
                    <i>操作</i>
                </p>
                <ul class="carul">
                    <!-- <li>
                        <input type="checkbox">
                        <img src="../img/logo.png" alt="">
                        <span>米家防蓝光护目镜 黑色</span>
                        <i>89元</i>
                        <i><b class="down">-</b><em>1</em><b class="up">+</b></i>
                        <i>89元</i>
                        <i>x</i>
                    </li> -->
                  
                </ul>

                <div class="carbottom conner">
                    共<i class="cartotalnumber">5</i>件商品，已选择<b class="choosenumber">0</b>件
                    
                    <strong class="settlement">去结算</strong>
                    <em class="cartotalprice">合计：545元</em>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/car.js"></script>
</body>
</html>